<style type="text/css">
.storelogo img{width:3.2rem;height:3.2rem}
.merchgroup .store-star {padding:0.1rem 0 0.2rem 0;font-size:0.55rem;line-height:1rem}
.merchgroup .store-star img{height:0.66rem}
.star-on,.star-off{position:absolute;top:1rem;left:0;overflow:hidden}
.star-rate {margin-left:3.6rem}
.store-distance{float:right;color:#999}
.store-moneylimit{font-size:0.55rem}
.syscolor{color:#cdab6a}
.sysbgcolor{background-color:#cdab6a}
.jyui_cell_col .colchecked{background:#cdab6a;}
.weui_cells_radio .weui_check:checked + .weui_icon_checked:before {;
  color: #cdab6a;
}
.weui_cells_radio2 .weui_check:checked + .weui_icon_checked:before {
  color: #cdab6a;
}
.yuyue-duan {border: 1px solid #cdab6a;}
.timeischack{background:#cdab6a;}
.weui_btn_primary {
  background-color: #cdab6a;
}
.fee-tag {background:linear-gradient(to right,rgba(205,171,106,1),rgba(231,205,157,1));}
</style>
<div class="fui-page order-create-page fui-page-current" ng-if="pagedata.op == 'list'">
	<div class="fui-content">
			<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
			<div class="carousel-inner" role="listbox" style="height:auto">
		<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.pluginset.hdps">
			<a href="#">
				<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
			</a>
		</div>
		</div>
			<style>
					.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
					.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
			</style>
			<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
				<div class="fui-swipe-bullet" ng-repeat="item in pagedata.pluginset.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
			</div>
		</div>
		<div ng-include="sys_html('common/_time_you')"></div>
		<div ng-show="loading" class='infinite-loading'><span class='fui-preloader'></span><span style="margin-left:1.5rem"> 正在加载...</span></div>
	</div>
</div>
<div class="fui-page order-create-page fui-page-current" ng-if="pagedata.op == 'sever_detail'">
	<div class="fui-content">
		<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
			<div class="carousel-inner" role="listbox" style="height:auto">
		<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.timeserve.hdps">
			<a href="#">
				<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
			</a>
		</div>
		</div>
			<style>
					.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
					.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
			</style>
			<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
				<div class="fui-swipe-bullet" ng-repeat="item in pagedata.timeserve.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
			</div>
		</div>
		 <div class="fui-cell-group fui-detail-group" style="margin-top:0;padding-bottom:0.5rem">
			 <!--正常价格-->
			<div class="fui-cell" style='padding:0.5rem;padding-bottom:0.2rem'>
				<div class="fui-cell-text">
					<div class="text">
						<span class="price" style="font-size:1rem;line-height:1.4rem;color:#cdab6a"> &yen;{{pagedata.timeserve.price ||'0.00'}}</span>
						<span class="delete" style="margin-left:0.3rem"> &yen;{{pagedata.timeserve.oldprice}}</span>
						<span class="subtitle">(已售{{pagedata.timeserve.ordernum}}/份)</span>
					</div>
					<span class="subtitle">[{{pagedata.serve.title}}] * {{pagedata.timeserve.times}}次</span>
				</div>
				<div class="fui-cell-remark noremark lover" style="padding-left:0;margin-top:0.1rem">
						<div class="fui-tag fui-tag-danger fee-tag" style="padding:0.25rem 0.4rem">服务套餐
							<div class="c" style="padding-top:0.25rem">
							{{pagedata.timeserve.times}}次
							</div>
						</div>
				</div>
			</div>
			 <div class="fui-cell">
				<div class="fui-cell-text name bold" style="font-size:0.8rem">
					 {{pagedata.timeserve.title}}
				</div>
			</div>
			<div class="fui-cell goods-subtitle" style="margin-top:0.3rem;margin-bottom:-.2rem">
					<span class='text-block'>可使用套餐</span>
			</div>
			<div class="title" style="padding:0.3rem;height:auto;">
					<span ng-repeat="item in pagedata.serve.package" class="jylabels jylabel-gray" style="margin:0.2rem;border: 1px solid #666;color:#666;border-radius:0.2rem;line-height:0.8rem;padding: 0.1rem 0.3rem;">{{item.package_title}}</span>
			</div>
		</div>
		<div ng-if="pagedata.timeserve.remark" class="weui_cells_title">项目说明</div>
		<div ng-if="pagedata.timeserve.remark" class="weui_cells">
			<div class="weui_cell desc">
				{{pagedata.timeserve.remark}}
			 </div>
		</div>
		<div class="weui_cells_title">服务日期</div>
		<div class="fui-tab-scroll weui_cells_radio3" style="height: 3.2rem;overflow-y:hidden">
			<div class="fui-icon-col" ng-repeat="item in pagedata.data" style="height: 3.2rem">
			    <label class="jyui_cell_col">
					<div ng-class="{'coltime':1,'colchecked':item.iswork}">
						<div class="timetitle"><span>{{item.riqi}}</span></div>
						<div class="timetitle"><span>{{item.xinq}}</span></div>
					</div>
				</label>
				</div>
		</div>
		<div class="weui_btn_area">
			 <a class="weui_btn weui_btn_primary" href="javascript:"  ng-click="pagedata.check_buy()">立即购买</a>
		</div>
	</div>
</div>
<script type="text/javascript">
scope.pagedata.check_buy=function(){
	var serve_id=scope.pagedata.timeserve.id
	var store_id=scope.pagedata.post.store_id
	scope.get('jy_qiuyuyue/timeserver/check_buy/serve_id='+serve_id+'&store_id='+store_id,function(res){});
}
</script>
</div>
<div ng-include="sys_html('_footer')"></div>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>